const defaultTheme = require("tailwindcss/defaultTheme");

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,css,scss,ts}"],
  theme: {
    extend: {
      width: {
        106: "30rem",
        112: "36rem",
      },
      fontFamily: {
        sans: [
          "Roboto Slab",
          "Resource Han Rounded CN",
          "Source Han Sans CN",
          ...defaultTheme.fontFamily.sans,
        ],
        mono: [
          "Noto Sans Mono",
          "Cascadia Code",
          ...defaultTheme.fontFamily.mono,
        ],
      },
      keyframes: {
        wiggle: {
          "0%, 100%": { transform: "rotate(-6deg)" },
          "50%": { transform: "rotate(6deg)" },
        },
      },
      animation: {
        wiggle: "wiggle 200ms ease-in-out",
      },
    },
  },
  plugins: [require("daisyui")],
};
